<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>学习进度</title>
    <link rel="stylesheet" href="../../css/bootstrap.css"/>
    <link rel="stylesheet" href="../../css/userHome.css"/>
    <script src="../../js/JQuery%201.9.1.js"></script>
    <script src="../../js/bootstrap.js"></script>
    <script src="../../js/ajax.js"></script>
    <script src="../../js/jquery.tmpl.min.js"></script>
    <script src="../../js/yingSoftPrg.js"></script>
    <script src="../../js/learnSchedule.js"></script>
    <script src="../../js/yingSoftPopup.js"></script>
    <script src="../../js/jquery.page.js"></script>
</head>
<body style="height:100%">
    <div class="container-fluid" id="accordion">
        <div class="panel panel-default" id="learnSchedule">

        </div>
        <nav class="text-center">
            <ul class="pagination">

            </ul>
        </nav>
    </div>
    <script type="text/x-jquery-tmpl" id="progressChartTmpl">
         <div class="panel-heading" style="  height: 40px;cursor: pointer" data-toggle="collapse" data-target="#{{= "learnSchedule"+"_"+num}}">
                <div class="col-xs-6" >
                    ${knowledgePointName}
                </div>
                <div class="col-xs-6">
                    <div class="progress">
                    {{if allTotal===0}}
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:0%;">
                            <span>0%</span>
                        </div>
                    {{else}}
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{= (parseFloat(allComplete/allTotal).toFixed(2))*100+'%'}};">
                            <span>{{= (parseFloat(allComplete/allTotal).toFixed(2))*100+'%'}}</span>
                        </div>
                    {{/if}}

                    </div>
                </div>
                <span class="glyphicon glyphicon-chevron-up glyphicon-right"></span>
            </div>
            <div id="{{= "learnSchedule"+"_"+num}}" class="panel-collapse collapse">
                <ul class="list-group container-fluid">
                    <li class="userHomeLi">
                        <div class="col-xs-6">微视频</div>
                        <div class="col-xs-6">
                            <div class="progress">
                            {{if totalVideo===0}}
                             <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:0%;">
                                    <span>0%</span>
                                </div>
                            {{else}}
                             <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{= (parseFloat(completeVideo/totalVideo).toFixed(2))*100+'%'}};">
                                    <span>{{= (parseFloat(completeVideo/totalVideo).toFixed(2))*100+'%'}}</span>
                                </div>
                            {{/if}}

                            </div>
                        </div>
                    </li>
                    <li class="userHomeLi">
                        <div class="col-xs-6">配套练习</div>
                        <div class="col-xs-6">
                            <div class="progress">
                            {{if totalPractice===0}}
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:0% ;">
                                    <span>0%</span>
                                </div>
                            {{else}}
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{= (parseFloat(completePractice/totalPractice).toFixed(2))*100+'%'}} ;">
                                    <span>{{= (parseFloat(completePractice/totalPractice).toFixed(2))*100+'%'}}</span>
                                </div>
                            {{/if}}

                            </div>
                        </div>
                    </li>
                     <span class="knowledgePointID hide">${knowledgePointID}</span>
                    <li class="userHomeLi  task2" id="{{= "task2"+"_"+num}}" style="cursor: pointer">

                        <div class="col-xs-6" >
                            <span class="glyphicon glyphicon-plus"></span>
                            课堂任务
                        </div>
                        <div class="col-xs-6">
                            <div class="progress">
                            {{if totalTask===0}}
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:0% ;">
                                    <span>0%</span>
                                </div>
                            {{else}}
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{= (parseFloat(completeTask/totalTask).toFixed(2))*100+'%'}} ;">
                                    <span>{{= (parseFloat(completeTask/totalTask).toFixed(2))*100+'%'}}</span>
                                </div>
                            {{/if}}

                            </div>
                        </div>
                        <ul class="list-group container-fluid panel-collapse collapse" id="taskDetail">
                            <li class="userHomeLi  task" id='taskDetails' style="cursor: pointer">

                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
    </script>
    <script type="text/x-jquery-tmpl" id="taskTmpl">
        <div class="col-xs-6">${taskName}</div>
        <div class="col-xs-6">${score}</div>
    </script>
</body>
</html>